<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="style.css">
    <title>CSS: справочник</title>
</head>

<body>
    <header>
        <a href="../../index.html">
            <img src="../../img/Neu3BecTHo.jpg" alt="Логотип">
        </a>
        <div>
            <h1>Свойства и значения CSS</h1>
        </div>
    </header>

    <main>
        <article>
            <div>
                <h2>
                    color
                </h2>
                <p>Меняет цвет шрифта. Принимает как английские названия (red), так и RGB, RGBA и т.п.</p>
            </div>
        </article>

        <article>
            <div>
                <h2>
                    width
                </h2>
                <p>Позволяет задать ширину нужному селектору. Принимает значения в пикселах, процентах и других значениях (vh, vw и т.п.)</p>
            </div>
        </article>

        <article>
            <div>
                <h2>
                    height
                </h2>
                <p>Позволяет задать высоту нужному элементу. Принимает значения в пикселах, процентах и других значениях (vh, vw и т.п.)</p>
            </div>
        </article>

        <article>
            <div>
                <h2>
                    text-align
                </h2>
                <p>Позволяет изменить позиционирование текста. Принимает значения right, left, justify, center, start, end и другие некоторые значения. </p>
            </div>
        </article>

        <article>
            <div>
                <h2>
                    font-size
                </h2>
                <p>Позволяет задать тексту оперделённую ширину. Принимает значения в пикселах, процентах и других значениях (vh, vw и т.п.).</p>
            </div>
        </article>

        <article>
            <div>
                <h2>
                    display
                </h2>
                <p>Позволяет задать селектору его отображение. Значений много, но самые популярные из них - block, inline, inline-block, flex, grid.</p>
            </div>
        </article>

        <article>
            <div>
                <h2>
                    position
                </h2>
                <p>Определяет расположение селектора. Принимает значения static, relative, absolute и sticky.</p>
            </div>
        </article>

        <article>
            <div>
                <h2>
                    background
                </h2>
                <p>Включает в себя разные значения для фона. Можно задавать цвет, фоновое изображение, его повторение и т.п.</p>
            </div>
        </article>
    </main>

    <footer>
        <h1>Создано Neu3BecTHo</h1>
        <a href="mailto:main.by.neu3bectho@gmail.com">
            <h2>Связаться c создателем</h2>
        </a>
    </footer>
</body>

</html>